<template>
    <div>
        <el-dialog :visible="true" width="30%">
              <p
                :style="{
                  position: 'absolute',
                  top: '5px',
                  backgroundColor: 'rgb(63, 120, 246)',
                  color: 'white',
                  height: '30px',
                  lineHeight: '30px',
                  borderRadius: '5px',
                  width: '80%',
                }"
              >
                服务单详情
              </p>
              <p>订单编号：{{ scope.row.orderid }}</p>
              <p>当前状态：{{ scope.row.op_type }}</p>
              <p>退款单号：{{ scope.row.orderid }}</p>
              <p>申请时间：{{ scope.row.createAt }}</p>
              <p>用户账号:{{ scope.row.orderid }}</p>
              <br />
              <br />
              <br />
              <p>订单金额：{{ scope.row.id }}元</p>
              <p>确认退款金额：{{ scope.row.id }}元</p>
              <p>退款方式:到原支付渠道</p>
              <span slot="footer" class="dialog-footer">
                <el-button @click="this.visible= false">取 消</el-button>
                <el-button type="primary">确 定</el-button>
              </span>
            </el-dialog>

    </div>
</template>
<script>
export default {
    data() {
        return {
            visible:true
        }
    }
}

</script>